<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<c:if test="${empty pass}">
    <c:redirect url="admin_cp"></c:redirect>
</c:if>
<html>
    <head>
        <title>FOOBAR</title>
		<link rel="shortcut icon" href="rsrc/images/book-icon.ico" />
        <style type="text/css">
            @import url(rsrc/css/common.css);
            @import url(rsrc/css/login.css);
            @import url(rsrc/css/register.css);
            @import url(rsrc/css/validationEngine.jquery.css);
        </style>       
       <script type="text/javascript" src = "rsrc/js/jquery-latest.js"></script>     
       <script type="text/javascript" src = "rsrc/js/jquery.validationEngine-en.js"></script>
       <script type="text/javascript" src = "rsrc/js/jquery.validationEngine.js"></script>
        <script>
            $(document).ready(function(){
                $('#change_password').validationEngine('attach',function(){
                   
                });
                $('#cancel').click(function(){
                    $('.input_text').val('');
                    $('#change_password').validationEngine('hideAll'); 
                });
            });
        </script>
    </head>
    <body>
        <div class="main-container">
            <div id="top">
                <div><img src="rsrc/images/LOGO.png" height="50" /></div>
                <div>
                    <ul id="navigation" class='hd'>
                        <li><a href="admin_home"><span>Manage Users</span></a></li>
                        <li><a href="logout"><span>Log Out</span></a></li>
                    </ul>
                </div>
            </div>
            <div>
                <p>
                    <span class="page-title"></span>
                </p>
                <div class="title-separator"></div>
                <div class="clearfix">
                    <div class="right" id = 'loginDiv'>
                        <span class="page-label">Change Password</span>
			<div class="separator"></div>
                            <div id="changepassword">
                                    <form id="change_password" action="change_password_action" method="post" >
                                        <table id="user_form_table">  

                                            <tr>
                                                <td class="label" align="left">Old Password:</td>
                                                <td align="left"><input type='password' name='opassword' id = 'opassword' class="validate[required,minSize[10],maxSize[12]] input_text" title=""/>*</td>
                                            </tr>
                                            <tr>
                                                <td class="label" align="left">Password:</td>
                                                <td align="left"><input type='password' name='password' id = 'password' class="validate[required,minSize[10],maxSize[12]] input_text" title=""/>*</td>
                                            </tr>
                                            <tr>
                                                <td class="label" align="left">Re-Type Password:</td>
                                                <td align="left"><input type='password' name='repassword' id = 'repassword' class="validate[required,equals[password]] input_text" title=""/>*</td>
                                            </tr>
                                            <tr>
                                                <td align="left"></td><td align = "left"><input id='userButton' type='submit' class='gb' value='Submit' name='userkButton' /><input id='cancel' type='button' class='gb' value='Cancel' name='cancel' /></td>
                                            </tr>            
                                        </table>
                                        <span class="label">Fields with * are required</span>
                                    </form>
                                    <c:if test="${!empty confirmMsg}"><div class="separator"></div><span class="label">${confirmMsg}</span></c:if>
                            </div>    				
                    </div>
                    <div id="left">
                        <div style="height:20px"></div>
                        <a href="admin_home">
                        <div class="left-main-control">                         
                            Manage Users       
                        </div>
                        </a>
                        <div style="height:20px"></div>                      
			<div class="left-main-control" style="border-right: 1px solid #fff;">
                            Change Password
                        </div>		
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
